<%@ page language="java" contentType="text/html; charset=windows-874"
     pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Minimalistic Web Template</title>
	<meta  charset="iso-8859-1" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<!--[if IE 6]>
		<link href="css/ie6.css" rel="stylesheet" type="text/css" />
	<![endif]-->
	<!--[if IE 7]>
        <link href="css/ie7.css" rel="stylesheet" type="text/css" />  
	<![endif]-->
	
	<style type="text/css">
		div.blockcontent li a {
  			color: green;
  			text-decoration:none;
		}
		div.blockcontent li a:hover {
  			text-decoration:underline;
		}
		
	</style>
</head>

<body>
	  <div id="background">
			  <div id="page">
			
					 <div class="header">
						<div class="footer">
							<div class="body">
							  
							  		<!-- include Menu -->
									<jsp:include page="Menu.jsp" flush="True">
										<jsp:param name="page_call"  value="OnTheWayWithMe"/>
									</jsp:include>
									
									
									<div id="content" >
									    <img src="images/cotton-flower.jpg" width="726" height="546" alt="" title="">
									    <div class="pagetitlebar">On the way with me.
											<span style="margin-left:100px;font-size:15px;"></span>
										</div>
										<table>
										<tr>
										<td valign="top">
											<div class="blockcontent" style="width:400px;">
												<div class="content-header" style="width:400px;">Latest activity with me.</div>
												<ul>
												<li><a href="#">Title of the latest activity 01</a> </li>
												<li><a href="#">Title of the latest activity 02</a> </li>
												<li><a href="#">Title of the latest activity 03</a> </li>
												<li><a href="#">Title of the latest activity 04</a> </li>
												<li><a href="#">Title of the latest activity 05</a> </li>
												</ul>
											</div>
											<br>
											<div class="blockcontent" style="width:400px;">
												<div class="content-header" style="width:400px;">All activity with me.</div>
												<ul>
												<li><a href="#">Title of the all activity 01</a> </li>
												<li><a href="#">Title of the all activity 02</a> </li>
												<li><a href="#">Title of the all activity 03</a> </li>
												<li><a href="#">Title of the all activity 04</a> </li>
												<li><a href="#">Title of the all activity 05</a> </li>
												<li><a href="#">Title of the all activity n</a> </li>
												</ul>
											</div>
										</td>
										<td valign="top">
											<div class="blockcontent" style="width:180px;margin-left:5px;">
												<div  class="content-header">ดูภาพกิจกรรมย้อนหลัง</div>
												dasdfasdf<br>
												<div class="blockcontent">sdf</div>
											</div>
										</td>
										</tr>
										</table>
									    
									</div>
						</div>
					 </div>
					 <div class="shadow">&nbsp;</div>
			  </div>    
	  </div>    
	</div>
</body>
</html>